@function getvw($wid){
    @return $wid/750*100 + vw;
}

header{
    .header-title{
        padding: getvw(45) getvw(22) 0; 
        display: flex;
        justify-content: space-between;
        align-items: center;
        .btnbox{
            width: getvw(120);
            height: getvw(54);
            // border: 1px solid #000;
            button{
                width: 100%;
                height: 100%;
                background-color: #fff;
                border-radius: 10px;
                border:1px solid #ff9344;
            }
        }
        p{
            letter-spacing: 2px;
            font-size: 18px;
        }
        .city-select{
            width: getvw(160);
            height: getvw(56);
            select{
                width: 100%;
                height: 100%;
                border: 1px solid #ff9344;
                // background-color: #ff9344;
            }
        }
        .letter{
            height: getvw(60);
            position: relative;
            display: flex;
            align-content: flex-end;
            // border: 1px solid #000;
            i{
                display: block;
                color: #ff9344;
                font-size: getvw(70);
            }
            .letter-number{
                width: getvw(28);
                height: getvw(28);
                border-radius: getvw(14);
                background-color: red;
                color: #fff;
                position: absolute;
                right: 0;
                top: 0;
                // display: flex;
                text-align: center;
                p{
                    line-height: getvw(28);
                    font-size: 12px;
                }
            }
        }
    }
}